<template>
    <div id="main">
        <top-bar>
            <span slot="title" >王者荣耀</span>
            <span slot="mini-title">团队成就更多</span>
            <button class="btn bg-primary fs-sm px-2 py-1" slot="more">下载游戏</button>
        </top-bar>
        <div class="bg-primary pt-3 pb-2">
            <div class="nav nav-inverse jc-around text-white">
                <div class="nav-item active">
                    <router-link tag="div" class="nav-link pb-1" to="/">首页</router-link>
                </div>
                <div class="nav-item">
                    <router-link tag="div" class="nav-link pb-1" to="/dd">攻略中心</router-link>
                </div>
                <div class="nav-item">
                    <router-link tag="div" class="nav-link pb-1" to="/dd">赛事中心</router-link>
                </div>
            </div>
        </div>
        <keep-alive include="home">
            <router-view :key="$route.path"></router-view>
        </keep-alive>
    </div>
</template>

<script>
    import TopBar from 'components/content/TopBar/TopBar.vue'

    export default {
        components:{
            TopBar
        }    
    }
</script>

<style scoped lang='scss'>

</style>